// 共享的视图样式
.page-container {
  min-height: calc(100vh - 60px); // 减去header高度
  padding: 2rem 0;
  
  .page-header {
    text-align: center;
    margin-bottom: 3rem;
    
    h1 {
      font-size: 2.5rem;
      color: var(--primary-color);
      margin-bottom: 1rem;
      
      @media (max-width: 768px) {
        font-size: 2rem;
      }
    }
    
    .subtitle {
      font-size: 1.2rem;
      color: var(--secondary-color);
      max-width: 600px;
      margin: 0 auto;
    }
  }
  
  .section {
    margin-bottom: 4rem;
    
    &:last-child {
      margin-bottom: 0;
    }
    
    h2 {
      font-size: 2rem;
      margin-bottom: 2rem;
      text-align: center;
      color: var(--text-color);
      
      @media (max-width: 768px) {
        font-size: 1.75rem;
      }
    }
  }
} 